<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<title>赌我会瘦</title>
<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>
</head>
<!-- end header -->

<body>
  <div class="page-group">
    <div class="page page-current activity-page bg-white">
      <header class="bar bar-nav fb-header has-img-header" style="background: #fff;">
        <a href="${ctx.host}/mall" class="pull-left logo"> <img src="${ctx.resource}/images/rule-header-left.png">
        </a>
        <h1 class="title">
          <img src="${ctx.resource}/images/rule-header-title-black.png">
        </h1>
        <a href="${ctx.host}/profile" class="pull-right user-cover"> <img src="${user.avatar}"></a>
      </header>

      <div class="bar bar-footer fb-footer">
        <a href="${ctx.host}/shopping/prepare?id=${bet.id}&type=bet" class="button button-big fb-footer-button">立即参与</a>
      </div>
      <div class="content">
        <div class="activity-header index-activity-header">
          <%-- <img src="${bet.avatar}" class="img-style" alt="" /> --%>
          <p style="font-size: .8rem; font-weight: 200; margin-bottom: .2rem;">减肥=赚钱</p>
          <p style="font-size: 1.05rem;color: #d11b28; font-weight: bolder;">高达万元奖金池等你来瓜分</p>
          <p style="font-size: .8rem; font-weight: 200; margin-top: .2rem;">更可邀请好友前来助阵</p>
          <p class="time no-margin">
            <fmt:formatDate value="${bet.startDate}" pattern="yyyy.MM.dd" />&nbsp;-&nbsp;<fmt:formatDate value="${bet.endDate}" pattern="yyyy.MM.dd" />
          </p>
        </div>
        <div class="activity-introduction">

          <div class="activity-bonus">
            <div class=" text-center number">
              <img src="${ctx.resource}/images/bonus.png" style="display: inline-block; height: 1.2rem; vertical-align: middle;" />
              <c:forEach var="thumbAmountSplitItem" items="${bet.thumbAmountSplit}">
                <span class="item">${thumbAmountSplitItem}</span>
              </c:forEach>
              人参与
            </div>
            <div class="text-center">
              <div class="price clearfix">
                <span class="item">￥</span>
                <c:forEach var="bonusSplitItem" items="${bet.bonusSplit}">
                  <span class="item">${bonusSplitItem}</span>
                </c:forEach>
              </div>
            </div>
          </div>
          <%-- <img alt="" src="${ctx.resource}/images/activity-introduction.png" style="width: 5rem; display: block; margin: 0 auto;"> --%>
          <div class="activity-introduction-title" style="margin: .75rem auto .5rem;">活动说明</div>
          <div class="description text-center" style="font-size: .75rem; margin: .25rem 0 1rem; color: #333;">投入百元，28天完成5%减重，即有机会平分万元奖金</div>
          <img src="${ctx.resource}/images/activity-step.png" style="display: block; width: 100%; margin: .75rem auto 1.5rem;">
          <div class="block-title text-center">基本规则</div>
          <div class="description">每位参赛者支付人民币100元契约金+100元下注金，放入奖金池。四周时间内，成功减掉初始体重的5%或以上的小伙伴，瓜分大奖金池内奖金。</div>
          <div class="text-center open-more" data-target="#hide1">
             <img src="${ctx.resource}/images/down-arrow.png" style="display: block; width: 1.05rem; margin: 0 auto .25rem;">展开
           </div>
          <div class="hide" id="hide1">
            <div class="block-title text-center">好友加注</div>
            <div class="description">参赛者可以邀请好友加注，数量不限。好友不直接参与比赛，没有减重的要求。每位好友需要支付100元竞猜金。活动结束后瓜分小奖池内奖金。</div>
            <%-- <img src="${ctx.resource}/images/activity-step.png" alt="" style="width: 100%;" /> --%>
	          <div class="step-layout">
	            <div class="step-name">1.报名</div>
	            <div class="step-content">
	              <ul>
	                <li><span>●</span>支付100元契约金+100元赌注；</li>
	                <li><span>●</span>提交体重、拍摄到全身与体重数字的视频；</li>
	                <li><span>●</span>等待初审；</li>
	                <li><span>●</span>初审通过则报名成功(短信通知)；</li>
	                <li><span>●</span>邀请好友参与竞猜；</li>
	              </ul>
	              <div>
	                <h6><span class="color-red">?</span>我要上传怎样的视频？</h6>
	                <p class="no-margin">站在秤上，拍摄时长不超过20秒的全身视频（建议穿修身服饰）和称重数字特写，视频须拍摄到脸。</p>
	                <h6><span class="color-red">?</span>要是报名失败，契约金会退回吗？</h6>
	                <p class="no-margin">客服会在报名期结束后，联系您并退回200元(契约金100+赌注100)。</p>
	
	                <h6><span class="color-red">?</span>5%的体重是什么意思？</h6>
	                <p class="no-margin">比如你现在是50公斤，就要减去50X0.05=2.5公斤。110斤的要减去5.5斤，120斤的要减去6斤，130斤的要减去6.5斤……以此类推。</p>
	
	                <h6><span class="color-red">?</span>不邀请好友加注也可以参加活动吗？</h6>
	                <p class="no-margin">邀请好友仅为建议选择，不做强制要求，不邀请好友加注也可以参加赌瘦活动。</p>
	              </div>
	            </div>

	            <div class="step-name">
	              2.减重<small>第1-28天</small>
	            </div>
	            <div class="step-content">
	              <p style="margin-bottom: 0;">四周时间完成5%的减重目标；</p>
	              <ul class="no-margin">
	                <li><span>●</span>在平台上记录体重并录制视频；</li>
	                <li><span>●</span>健康饮食, 积极减重；</li>
	              </ul>
	            </div>

	            <div class="step-name">
	              3.报成绩<small>第29-31天</small>
	            </div>
	            <div class="step-content">
	              <p class="no-margin">报名后第29天提交体重、拍摄到全身与体重数字的视频；</p>
	              <div>
	                <h6><span class="color-red">?</span>我要上传怎样的视频？</h6>
	                <p class="no-margin">与报名时的要求相同。</p>
	                <h6><span class="color-red">?</span>报成绩期间忘记上传视频怎么办？</h6>
	                <p class="no-margin">由于系统逾期将自动关闭，默认赌瘦失败，所以请牢记报成绩时间。</p>
	              </div>
	            </div>
	            <div class="step-name">
	              4.审核<small>第32-33天</small>
	            </div>
	            <div class="step-content">
	              <ul class="no-margin">
	                <li><span>●</span>等待审核；</li>
	                <li><span>●</span>终审通过则挑战成功，坐等分奖金；</li>
	              </ul>
	              <div id="hide3" class="hide">
	                <h6><span class="color-red">?</span>视频审核不通过怎么办？</h6>
	                <p class="no-margin">根据驳回原因，在规定时间内重新上传即可。提交视频后，请积极关注审核进展，如果逾期仍然审核不通过，将视为挑战失败。</p>
	              </div>
	            </div>
	            <div class="step-name">
	              5.发奖金<small>第34-40天</small>
	            </div>
	            <div class="step-content">
	              <p style="margin: 0; font-size: .75rem;">活动期结束后7天内</p>
	              <ul class="no-margin">
	                <li><span>●</span>等待审核；</li>
	                <li><span>●</span>等待比赛结果；</li>
	                <li><span>●</span>等待奖金发放；</li>
	              </ul>
	              <div>
	                <h6><span class="color-red">?</span>奖金什么时候发放？</h6>
	                <p class="no-margin">奖金会在约定时间内发放；查看点击头像按钮，进入个人中心后在底部账户明细中查询你近期参加赌瘦的交易信息(包括付款、退款和奖金）。</p>
	                <h6><span class="color-red">?</span>奖金会发到哪里？</h6>
	                <p class="no-margin">奖金会直接发放到您的FITBET账户中。</p>
	              </div>
	            </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/cmomon.js" />
  <script type="text/javascript">
      require(['page/common'], function(page) {
        page.init({
          "jsConfig": JSON.parse('${jsConfig}'),
          "avatar": '${user.avatar}'
        })
      })
    </script>
</body>
</html>